<template>
    <div>
        <h2>汽车组件</h2>
    </div>
</template>

<script setup>
import { onMounted, onUnmounted, onActivated, onDeactivated } from 'vue';


onActivated(() => {
    console.log('car激活-内存中')
})

onDeactivated(() => {
    console.log('car挂起-内存中')
})

onMounted(() => {
    console.log('汽车组件重新创建了,发送ajax请求获取数据')
})

onUnmounted(() => {
    console.log('汽车组件销毁了')
})


// 建议：一个组件建议给一个name名称。若要实现递归组件，组件必须要具有name属性
defineOptions({
    name: 'Car'
})

</script>

